<template>
  <div></div>
</template>
<script>
  export default {
    name: "Index",
    components: {},
    props: {
      data: {
        type: Object,
        default() {
          return {
            face: "",
            backface: "",
            type: [],
          };
        },
      },
    },
    data() {
      return {
        ruleForm: {
          face: "",
          backface: "",
          type: [],
        },
        rules: {},
        dataPickerBeforeTodayOptions: {
          disabledDate(time) {},
        },
      };
    },
    created() {},
    beforeDestroy() {},
    mounted() {
      console.log(JSON.stringify(this.data));
      if (JSON.stringify(this.data) !== "{}") {
        this.ruleForm = this.data;
        console.log(111);
      }
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      },
      handleChange(value) {
        console.log(value);
      },
    },
  };
</script>
<style lang="scss" scoped>
  .el-tabs {
    ::v-deep {
      .el-tabs__header {
        margin-bottom: 24px;
      }
    }
  }

  .el-form-item {
    margin-bottom: 24px;
  }
  .selectClass {
    width: 100%;
  }
  .form-footer {
    padding-left: 100px;
  }
  .diver-title {
    margin-bottom: 24px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
  }
  .tips {
    margin-bottom: 24px;
    padding-left: 100px;
    font-size: 16px;
    color: #ff4d50;
  }
</style>
